 @charset "UTF-8";
 body,
 div,
 ul,
 ol,
 dl,
 dt,
 dd,
 li,
 dl,
 h1,
 h2,
 h3,
 h4 {
     margin: 0;
     padding: 0;
     font-style: normal;
 }
 
 ol,
 ul,
 li {
     list-style: none;
 }
 
 img {
     border: 0;
     vertical-align: middle;
 }
 
 body {
     color: #000000;
     background: #FFF;
     text-align: center;
     font-family: 'microsoft yahei', Verdana;
     font-size: 12px;
 }
 
 .clear {
     clear: both;
     height: 1px;
     width: 100%;
     overflow: hidden;
     margin-top: -1px;
 }
 
 a {
     color: #000000;
     text-decoration: none;
 }
 
 a:hover {
     color: #BA2636;
 }
 /*确定头部的范围*/
 
 #xz-header {
     height: 193px;
     width: 100%;
     //导航栏第一部分
     #xz-header-top {
         height: 29px;
         width: 100%;
         text-align: center;
         background: {
             color: #eeeced;
         }
         //第一部分头部居中部分
         #xz-header-warp-t {
             margin: 0 auto;
             width: 1100px;
             height: 29px;
             position: relative;
             //第一部分左侧
             #xz-header-top-left {
                 padding: 0 5px;
                 color: #e5e1e7;
                 float: left;
                 li {
                     float: left;
                     height: 28px;
                     a {
                         margin-left: 5px;
                         line-height: 28px;
                         color: #747273;
                     }
                 }
                 a:hover {
                     color: #e73a77;
                 }
             }
             //登录注册
             #xz-header-top-resigter {
                 width: 278px;
                 height: 28px;
                 position: absolute;
                 right: 250px;
                 padding: 4px 5px;
                 a {
                     float: right;
                 }
                 a:hover {
                     color: #e73a77;
                 }
                 #xz-login {
                     color: #e73a77;
                 }
             }
             #xz-myorder {
                 width: 75px;
                 height: 28px;
                 text-align: center;
                 position: absolute;
                 line-height: 28px;
                 right: 170px;
             }
             #line1 {
                 width: 0;
                 height: 20px;
                 border-left: 1px solid black;
                 position: absolute;
                 right: 170px;
                 top: 3px;
             }
             #xz-myxz {
                 width: 80px;
                 height: 28px;
                 position: absolute;
                 right: 90px;
                 line-height: 28px;
                 text-align: right;
             }
             #xz-serive {
                 width: 75px;
                 height: 28px;
                 position: absolute;
                 right: 0;
                 line-height: 28px;
                 text-align: right;
             }
             #line2 {
                 width: 0;
                 height: 20px;
                 border-left: 1px solid black;
                 position: absolute;
                 right: 83px;
                 top: 3px;
             }
             //我的校妆二级菜单
             #xz-myxz-hid {
                 width: 80px;
                 height: 150px;
                 border: 1px solid gainsboro;
                 position: absolute;
                 right: 87px;
                 top: 0;
                 z-index: 20;
                 background: white;
                 display: none;
                 ul {
                     li {
                         width: 80px;
                         height: 25px;
                         text-align: center;
                     }
                 }
                 a {
                     color: #747273;
                     line-height: 25px;
                 }
                 a:hover {
                     color: #e73a77;
                 }
                 #xz-myxz-hid-ul a {
                     color: #e73a77;
                     display: inline-block;
                 }
                 #xz-myxz-hid-ul {
                     text-align: right;
                 }
             }
             //我的服务二级菜单
             #xz-serive-hid {
                 width: 80px;
                 height: 50px;
                 border: 1px solid gainsboro;
                 position: absolute;
                 right: 0;
                 top: 0;
                 z-index: 20;
                 background: white;
                 display: none;
                 ul {
                     li {
                         width: 80px;
                         height: 25px;
                         text-align: center;
                     }
                 }
                 a {
                     color: #747273;
                     line-height: 25px;
                 }
                 a:hover {
                     color: #e73a77;
                 }
                 #xz-serive-hid-ul {
                     a {
                         color: #e73a77;
                         display: inline-block;
                     }
                 }
                 #xz-serive-hid-ul {
                     text-align: right;
                 }
             }
         }
     }
     //头部第二部分
     #xz-header-middle {
         height: 120px;
         width: 100%;
         //第二部分居中部分
         #xz-warp-mid {
             margin: 0 auto;
             width: 1100px;
             height: 102px;
             position: relative;
             h1 {
                 width: 1100px;
                 height: 102px;
                 overflow: hidden;
             }
              //logo
             #xz-newHome-logo {
                 display:block;
                 float: left;
                 width: 180px;
                 height: 80px;
                 background: url(../img/Logos.png) bottom left;
                 margin: 22px 0 13px 0;
             }
             //搜索框
             #xz-header-middle-search {
                 width: 460px;
                 height: 61px;
                 position: absolute;
                 left: 270px;
                 top: 37px;
                 #xz-header-middle-search-top {
                     width: 460px;
                     height: 45px;
                     padding: 5px;
                     box-sizing: border-box;
                     background: url(../img/newHome-search.png) no-repeat top;
                     #xz-header-middle-put {
                         margin: 8px 0 0 0px;
                         outline: none;
                         width: 330px;
                         height: 22px;
                         border: 0;
                         float: left;
                         display: block;
                         position: absolute;
                         top: -2px;
                     }
                     #xz-header-middle-submit {
                         outline: none;
                         border: 0;
                         position:absolute;
                         right: 0;
                         height:35px;
                         width:100px;
                         top:0;
                         opacity: 0;
                         filter:alpha(opacity=0);
                         cursor: pointer;
                     }
                 }//#xz-header-middle-search-top
                 #xz-header-middle-search-bottom{
                     width:455px;
                     height:16px;
                     padding-left:5px;
                     ul{
                         width:100%;
                         height:100%;
                         span{
                             float:left;
                             margin-right:10px;
                         }
                         li{
                             float:left;
                             margin-right:10px;
                            
                             a{
                                 font-size:12px;
                                 color:#6c6c6c;
                             }
                             a:hover{
                                 color:#e73a77;
                             }
                         }
        
                            #xz-pink {
                             color:#e73a77;}

                     }
                 }//#xz-header-middle-search-bottom
             }// #xz-header-middle-search
            #xz-header-middle-right{
                  position:absolute;
                  right:0;
                  top:40px;
                 overflow: hidden;
                li{ 
                    display:inline-block;
                    float:left;
                    margin-right:8px;
                    i{  
                     display: inline-block;
                     height:40px;
                     font-weight: bold;
                     color:#a8a7a7;
                     line-height:40px;
                     vertical-align:middle; 
                     font-style: normal;                  
                    }
                    #xz-middle-one{                   
                        width:40px;  
                        background: url(../img/newbg.png) 0 40px ;
                    }
                    #xz-middle-two{
                        width:40px;  
                        background: url(../img/newbg.png) -40px 40px ;
                    }
                    #xz-middle-three{
                        width:40px;  
                        background:url(../img/newbg.png) -80px 40px;
                    }
                }    
            } //#xz-header-middle-right
         }//#xz-warp-mid
     }//#xz-header-middle 
     #xz-header-bottom{
         background: black;
             height: 44px;
             width:100%;
          #xz-warp-bot{
              width:1100px;
              height:44px;
              margin:0 auto;
              ul{
                   li{
                       float:left;
                       width:125px;
                       position: relative;
                       a{
                           display: inline-block;
                           width:100%;
                           height:100%;
                           color:#fff;
                           font:16px/44px 'microsoft yahei';
                       }
                       a:hover{
                           background:#e73a77;
                       }
                   }
                   #xz-sale{
                       width:29px;
                       height:17px;
                       background: url(../img/Logos.png) -42px -161px;
                       position:absolute;
                       top:2px;
                       right:-12px;
                   } 
                   #xz-integrtal{
                       width:29px;
                       height:17px;
                       background: url(../img/Logos.png) -119px -182px;
                       position:absolute;
                       top:2px;
                       right:-12px;
                   }
                   #xz-phone{
                       width:29px;
                       height:17px;
                       background: url(../img/Logos.png) -80px -180px;
                       position:absolute;
                       top:2px;
                       right:-12px;
                   }
                   #xz-productcar{
                               text-align: left;
                               text-indent: 130px;;
                        .shopcar{
                            width:66px;
                            height:31px;
                            background: url(../img/shopcar-icon.png) 0px 0;
                            position:absolute; 
                            left:55px;
                            top:5px;
                            text-align: left;
                            text-indent: 48px;
                            line-height: 20px;;
                            color:black; 
                        }
                   }

                   .xz-listofgoods{
                       
                       display: none;
                       position:absolute;
                       top:44px;
                       left: 0;
                       background: white;
                       z-index: 20;
                       ul{
                           width:200px;
                       }
                       .xz-listofgoods-one{
                           height:75px;
                           width:200px;
                           border-bottom: 1px solid #989898;
                           position: relative;
                           
                     h4{
                         width:200px;
                         height:29px;
                         position:relative;
                        a{
                          width:160px;
                          height:24px;
                          padding:5px 0 0 40px;
                          line-height:24px;
                          color:black;
                          font: bold 12px/24px 'microsoft yahei';
                          text-align: left;
                        }
                        a:hover{
                            background: #f9f9f9;
                            color:#e73a77;
                        }
                        #xz-listofgoods-one-icon{
                            display: block;
                            position:absolute;
                            left:0;
                            top:24px;
                            width:40px;
                            height:40px;
                            background: url(../img/newHome-icon.png) 0 -60px;
                        }
                         #xz-listofgoods-two-icon{
                            display: block;
                            position:absolute;
                            left:0;
                            top:24px;
                            width:40px;
                            height:40px;
                            background: url(../img/newHome-icon.png) -40px -60px;
                        }
                         #xz-listofgoods-three-icon{
                            display: block;
                            position:absolute;
                            left:0;
                            top:24px;
                            width:40px;
                            height:40px;
                            background: url(../img/newHome-icon.png) -83px -60px;
                        }
                         #xz-listofgoods-four-icon{
                            display: block;
                            position:absolute;
                            left:0;
                            top:24px;
                            width:40px;
                            height:40px;
                            background: url(../img/newHome-icon.png) -125px -60px;
                        }
                        #xz-listofgoods-five-icon{
                            display: block;
                            position:absolute;
                            left:0;
                            top:24px;
                            width:40px;
                            height:40px;
                            background: url(../img/newHome-icon.png) -165px -60px;
                        }
                         #xz-listofgoods-six-icon{
                            display: block;
                            position:absolute;
                            left:0;
                            top:24px;
                            width:40px;
                            height:40px;
                            background: url(../img/newHome-icon.png) -205px -60px;
                        }                                                                       
                        }
                        #xz-listofgoods-one-son{
                            width:160px;
                            height:40px;
                            padding-left: 40px;
                            a{
                                display: block;
                                width:65px;
                                height:20px;
                                float: left;
                                text-align: left;
                                font: normal 12px/20px 'microsoft yahei';
                                color: #666;
                            }
                           a:hover{
                            background: #f9f9f9;
                            color:#e73a77;
                          
                            } 
                            #xz-header-bottom-point{
                                position:absolute;
                                width:9px;
                                height:16px;
                                right:15px;
                                top:40px;
                        }
                        }
                        #xz-goods-one-div{
                            position: absolute;
                            top:0;
                            left:180px;
                            display: none;
                        }
                       #xz-goods-two-div{
                            position: absolute;
                            top:0px;;
                            left:180px;
                            display: none;
                       }
                        #xz-goods-three-div{
                            position: absolute;
                            top:0px;;
                            left:180px;
                            display: none;
                       }
                        #xz-goods-four-div{
                            position: absolute;
                            top:0px;;
                            left:200px;
                            display: none;
                       }
                         #xz-goods-five-div{
                            position: absolute;
                            top:0px;;
                            left:200px;
                            display: none;
                       }
                        #xz-goods-six-div{
                            position: absolute;
                            top:0px;;
                            left:200px;
                            display: none;
                       }
                       .xz-listofgoods-hidden{
                            
                            width:750px;
                            background: #F9F9F9;
                            padding:10px 20px;
                            ul{
                    
                                .xz-goods{
                              
                                 width:710px;
                                padding:8px 0;
                                border-bottom: 1px solid #989898;
                                dt{
                                     float:left;
                                    a{
                                        color:#666;
                                        font: bold 12px/30px 'microsoft yahei';
                                        margin-right:20px;
                                        text-align: left;
                                        
                                    }
                                    a:hover{
                                        color:#e73a77;
                                        background:#f9f9f9 ;
                                        text-align: left;
                                    }
                                }
                                dd{                       
                                    float:left;
                                    a{
                                        color:#666;
                                        font: normal 12px/30px 'microsoft yahei';
                                        margin-right:20px;
                                    }
                                    a:hover{
                                        color:#e73a77;
                                        background:#f9f9f9 ;
                                    }
                                }
                                }
                                
                               }//ul
                           
                          
                        }
                     }//xz-listofgoods-one
                   }//xz-listofgoods
              } //ul  
          }//xz-warp-bot
     }//xz-header-bottom
 }//header
 
 #xz-bottom{
     background:#f7f7f7;
     width:100%;
     #xz-bottom-warp1{
         width:1100px;
         height:99px;
         padding:15px 0 ;
         border-bottom:1px solid #e6e6e6;
         margin:0 auto;
     ul{
         li{
             height:70px;
             text-align: center;
             float: left;
             display: inline;
             margin-right: 25px;
             padding-right: 25px;
             border-right: 1px solid #EFEFEF;
             .xz-bottom-logo1{
              height:60px;
              width:60px;
              display: block;
              float: left;
              background:url(../img/newbg.png) 0 0;
                 
             }
             .xz-bottom-promise{
                         float: left;
                         margin-left: 10px;
                         margin-top: 5px;
                         p{
                             height: 25px;
                             line-height: 25px;
                              color: #c9c9c9;
                             font-size: 14px;
                             margin:0;
                         }
                         span{
                                height: 25px;
                                line-height: 25px;
                                color: #898989;
                                margin: 0 auto;
                         }
             }
             
         }
     }
     }
     #xz-bottom-warp2{
         margin:0 auto;
         width:1100px;
         padding:60px 0;
         height:116px;
         border-bottom:1px solid #e6e6e6;
         #xz-bottom-warp2-one{
             padding-left:50px;
             float: left;
             .xz-bottom-warp2-one-son{
                 float:left;
                 margin-right:80px;
                 line-height:30px;
                 text-align: left;
                 dt{
                     font: bold 14px/14px 'microsoft yahei';
                     color: #666;
                     margin-bottom: 5px;
                 }
                 dd{
                     line-height:30px;
                 }
             }
         }//xz-bottom-warp2-one
     }//xz-bottom-warp2
     #xz-bottom-warp2-two{
         width:98px;
         height:106px;
         margin:0 90px  0 50px;
         float: left;
         span{          
           font: bold 14px/14px 'microsoft yahei';
            color: #666;
         
         }
         img{
             margin-top:10px;
             height:80px;
             width:80px;
         }
     }
     #xz-bottom-warp2-three{
      
         float:left;
         text-align: left;
         span{
                font-size: 12px;
                color: #666; 
         }
         h1{
            font: bold 26px/40px 'arial';
            color: #666; 
         }
         li{
              font-size: 12px;
                color: #666;
         }
         a{
               color: #666;
         }
     }
    
     .xz-bottom-warp3-one{
         text-align: center;
         height:40px;
         ul{
             display: inline-block;
             overflow: hidden;
             clear: both;
             li{
                 img{
                float: left;
                 }
                font-size: 12px;
                color: #666; 
                 float: left;
                 line-height:40px;
                
                 a{ padding:0 8px;
                    color: #666;
                 }
             }
         }
     }
    #xz-bottom-warp4{
        width:100%;
        background: #FFFFFF;
        text-align: center;
        height:23px;
        padding:20px 0;
        a{
             color: #666;
        }
  
    }
 }
 
#xz-shopcar:hover{
     #xz-common-shopcar-hidden{
        display: block;
           }
       }
 
#xz-common-shopcar-hidden{
display: none;
    line-height: 78px;
    text-align: center;
    color: rgb(102, 102, 102); 
    position:absolute;
    z-index: 20;
    width:240px;
    height:78px;
    background:url(../img/Logos.png) no-repeat -182px -209px;
}
